<template>
  <div class="app pt-5 bg-themepink">
    <div class="container text-center">
      <div class="bg-white col-lg-6 col-md-8 mx-auto py-3">
        <div class="error-shape err-500"><span>500</span></div>
        <h3 class="font-thin text-grey">服务器内部错误。</h3>
        <div class="row text-grey">
          <div class="col-8 offset-2 text-grey">
            <textarea class="form-control my-3" placeholder="告诉我们您遇到的问题" style="height:150px"> </textarea>
            <a href="/" class="btn btn-outline-warning btn-sm rounded">发送</a>
            <div class="font-xs text-muted my-3">Internal server error.</div>
          </div>
        </div>
        <a href="/" class="btn btn-info rounded">返回首页</a>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'error-500',
  mounted () {
    document.body.classList.remove('preloader')
  }
}
</script>
